<template lang="pug">
ul.dity-list
    li(v-for='item in list' :key="item.id")
        img(:src="item.picPath")
        .dity-info
            .title {{item.title}}
            .price ￥
                span {{item.price}}
            .count 共售出{{item.soldCount}}/{{item.rackRate}}人评价
</template>
<script>
export default {
    props: ["list"]
}
</script>
<style lang="sass" scoped>
.dity-list
    width: 100%
    padding: 0 .2rem
    display: flex
    flex-wrap: wrap
    box-sizing: border-box
    li
        width: 3.44rem
        img
            width: 100%
            height: 3.5rem
            display: block
        .dity-info
            margin: .2rem 0 .26rem 0
            .title
                font-size: .28rem
                color: #272727
                line-height: .34rem
                margin-left: .2rem
            .price
                margin-top: .1rem
                font-size: .26rem
                color: #303030
                line-height: .5rem
                margin-left: .1rem
                span
                    color: #f60d09
            .count
                font-size: .26rem
                color: #afafaf
                line-height: .5rem
                margin-left: .1rem
        &:nth-of-type(2n)
            margin-left: .2rem
            
</style>